﻿
body {
    background: url("../images/body-bg.png") 0px 0px repeat transparent;
} 


.wrapper{
    height:100%;
    position:relative;
}
/*-----------Header---------------*/
.header {
    background: url(../images/bg-header.png) 0px 0px repeat-x transparent;
    height: 80px;
    background-color: #004E81;
    box-shadow: rgba(0,78,129,0.4) 0px 3px 12px;
}
.header .icon-bi_admin
{
    background: url(../images/icon-bi_admin.png) 0px 0px no-repeat transparent;
    width:425px;
    height:80px;
    float:left;
}
.header .top-nav
{
    float:right;
    position:relative;
}
.header .top-nav .welcome
{ 
    position:absolute;
    right:100%;
    display:block;
    white-space:nowrap;
    padding:0px 10px;
    background-color: #071E26;
    height:19px;
    margin-top:2px;
}
.header .top-nav .welcome:before
{ 
    background: url(../images/bg-welcome_admin-L.png) 0px 0px no-repeat transparent;
    width:36px;
    height:19px;
    display:block;
    content:"";
    position:absolute;
    left:-36px;
}
.header .top-nav .welcome p
{
    color: #008EB1;
    margin-left:-10px;
}
.header .top-nav .welcome p span
{
    color: #ffffff;
}

.header .top-nav ul
{
    float:left;
}
.header .top-nav ul li
{
    float:left;
    background: url(../images/bt-topnav.png) 0px 0px no-repeat transparent;
}
.header .top-nav ul li:hover
{
    background: url(../images/bt-topnav.png) 0px -81px no-repeat transparent;
}
.header .top-nav ul li a
{    
    width:80px;
    height:30px;
    display:block;
    background: url(../images/icon-home.png) 29px 20px no-repeat transparent;
    text-align:center;
    text-transform:uppercase;
    font-size:10px;
    padding-top:50px;
    color:#ffffff;
}
.header .top-nav ul li a:hover
{    
    color:#000000;
}
.header .top-nav ul li.access a
{    
    background: url(../images/icon-access.png) 32px 20px no-repeat transparent;
}
.header .top-nav ul li.log a
{    
    background: url(../images/icon-log.png) 32px 20px no-repeat transparent;
}

/*-----------Main Container---------------*/
.container
{
    height:calc(100% - 115px);
}
.main-container {
    height: 100%;
    width: calc(100% - 350px);
    background-color1: #388CA5;
    box-shadow: rgba(56,140,165,0.8) 0px 0px 150px inset;
    float: left;
    
}


/*-----------Content------------*/
.content
{
    height:100%;
    padding:10px;
}
/*-----------Tab Content---------*/
.tabs
{
    height:100%; 
}

.tabs ul.tab-title
{
    overflow:hidden;
    height: 23px;
}
.tabs ul.tab-title li
{
    float:left;
}
.tabs ul.tab-title li a {
    background: url(../images/tab_title-R.png) right -30px no-repeat transparent;
    display: inline-block;
    padding-right: 22px;
    height: 23px;
    color: #E3F4F9;
}
.tabs ul.tab-title li a span
{
   background: url(../images/tab_title-L.png) left -30px no-repeat transparent;
    display:block;
    line-height:24px;
    height:23px;
    padding:0px 2px 0px 12px;
}

.tabs ul.tab-title li a:hover,.tabs ul.tab-title li.ui-tabs-active a
{
    background-position: right 0px;
    color: #053E5A;
}
.tabs ul.tab-title li a:hover span,.tabs ul.tab-title li.ui-tabs-active a span
{
    background-position:left  0px;
}
.tabs .tab-content
{
    background-color:rgba(255,255,255,0.4);
    width:100%;
    height:calc(100% - 43px);
    box-shadow: rgba(36,143,170,0.4) 0px 10px 10px;
    border-radius:0 5px 5px 5px;
}
.tabs .tab-content .tab-content-inner
{
    margin:10px;
    height: calc(100% - 20px);
    width:calc(100% - 20px);
    display:inline-block;
    border-radius:3px;
    box-shadow: rgba(36,143,170,0.4) 0px 0px 10px;
}
.tabs .ui-tabs .ui-state-disabled
{
    display: none; /* disabled tabs don't show up */
}
.tabs .ui-tabs-panel
{
    width:100%;
    height:100%;
}
.tabs iframe
{
    width:100%;
    height:calc(100% - 0px);
}



/*-----------Buttons------------*/
/*-----------Yellow-White Button--------*/
.button-content-YW {
    background: url(../images/bt-content-R.png) right 0px no-repeat transparent;
    display: inline-block;
    padding-right: 15px;
    height: 33px;
    color: #645500;
}
.button-content-YW span
{
    background: url(../images/bt-content-L.png) left 0px no-repeat transparent;
    display:block;
    line-height:31px;
    height:33px;
    padding:0px 0px 0px 33px;
}
.button-content-YW:hover
{
    background-position:right -40px;
    color:#000000;
}
.button-content-YW:hover span
{
    background-position:left -40px;
}
/*-----------Blue-White Button--------*/
.button-content-BW {
    background: url(../images/bt-content-R.png) right -80px no-repeat transparent;
    display: inline-block;
    padding-right: 15px;
    height: 33px;
    color: #134859;
}
.button-content-BW span
{
    background: url(../images/bt-content-L.png) left -80px no-repeat transparent;
    display:block;
    line-height:31px;
    height:33px;
    padding:0px 0px 0px 33px;
}
.button-content-BW:hover
{
    background-position:right -40px;
    color:#000000;
}
.button-content-BW:hover span
{
    background-position:left -40px;
}

/*-----------Blue-White Button--------*/
.button-content-WB {
    background: url(../images/bt-content-R.png) right -40px no-repeat transparent;
    display: inline-block;
    padding-right: 15px;
    height: 33px;
    color: #333333;
}
.button-content-WB span
{
    background: url(../images/bt-content-L.png) left -40px no-repeat transparent;
    display:block;
    line-height:31px;
    height:33px;
    padding:0px 0px 0px 33px;
}
.button-content-WB:hover
{
    background-position:right -80px;    
    color: #000000;
}
.button-content-WB:hover span
{
    background-position:left -80px;
}

/*-----------Sidebar White-Orange Button--------*/
.button2-WY
{
    background: url(../images/button2-R.png) right 0px no-repeat transparent;
    display:inline-block;    
    padding-right:12px;
    height:23px;
    color:#000000;
    font-size:11px;    
}
.button2-WY span
{
    background: url(../images/button2-L.png) left 0px no-repeat transparent;
    display:block;
    line-height:19px;
    height:23px;
    padding:0px 0px 0px 12px;
}
.button2-WY:hover 
{
    background-position:right -25px;
}
.button2-WY:hover span
{
    background-position:left -25px;
}

/*---------INPUT - Text-----------*/

.content input[type = "text"] {
    border-style: solid;
    border-width:1px;
    border-color: #FFFFFF #FFFFFF #9CD6E7 #FFFFFF;
    background-color1: #248FAA;
    background-color: #FFFFFF;
    border-radius: 3px;
    padding: 0 7px;
    padding-bottom: 0px;
    height: 20px;
    box-shadow: rgba(36,143,170,0.4) 0px 8px 25px inset;
    color: #000000;
    position: relative;
    display: inline-block;
}
.content input[type = "text"]:before
{
    content:"";
    width:100%;
    height:100%;
    box-shadow: rgba(11,44,51,0.2) 0px 10px 15px;
    position:absolute;
}

/*-----------Sidebar---------------*/

.sidebar {
    width: 350px;
    height: 100%;
    background: url(../images/bg-sidebar.png) 0px 0px repeat transparent;
    float: left;
    background-color1: #131C22;
    box-shadow: rgba(19,28,34,0.7) 0px 0px 50px inset;
    overflow:hidden;
}



/*-----------Accordion------------*/
.sidebar .scroll-cover
{
    position:relative;   
    height:100%;   
 }
.sidebar .accordion
{
    height:100%;    
    width:100%;  
    position:relative; 
}
.sidebar .accordion h3.accordion-header a {
    display: block;
    height: 45px;
    overflow: hidden;
    background: url(../images/bg-accord_tab.png) 0px 0px repeat-x transparent;
    width: 100%;
    line-height: 42px;
    position: relative;
    color: #4B7A94;
    box-shadow: rgba(9,18,23,0.7) 0px 10px 30px;
}
.sidebar .accordion h3.accordion-header a:hover,.sidebar .accordion h3.ui-state-active a
{
    color:#ffffff;
}

.sidebar .accordion h3.accordion-header a:before
{
    width:45px;
    height:45px;
    display:block;
    content:"";
    float:left;
    margin-right:10px;
}

.sidebar .accordion h3.accordion-header a#bi_app_cat_current:before
{
    background: url(../images/icon-bi_apps.png) 0px 0px repeat-x transparent;
}
.sidebar .accordion h3.accordion-header a#bi_rep_cat_current:before
{
    background: url(../images/icon-cur_rep.png) 0px 0px repeat-x transparent;
}
.sidebar .accordion h3.accordion-header a#bi_var_temp:before
{
    background: url(../images/icon-var_temp.png) 0px 0px repeat-x transparent;
}
.sidebar .accordion h3.accordion-header a#bi_rep_temp:before
{
    background: url(../images/icon-rep_temp.png) 0px 0px repeat-x transparent;
}
.sidebar .accordion h3.accordion-header a#bi_var_views:before
{
    background: url(../images/icon-var_view.png) 0px 0px repeat-x transparent;
}
.sidebar .accordion h3.accordion-header a#bi_comp_man:before
{
    background: url(../images/icon-comp_man.png) 0px 0px repeat-x transparent;
}


.sidebar .accordion h3.accordion-header a#bi_app_cat_current:hover:before,
.sidebar .accordion h3.accordion-header a#bi_rep_cat_current:hover:before,
.sidebar .accordion h3.accordion-header a#bi_var_temp:hover:before,
.sidebar .accordion h3.accordion-header a#bi_rep_temp:hover:before,
.sidebar .accordion h3.accordion-header a#bi_var_views:hover:before,
.sidebar .accordion h3.accordion-header a#bi_comp_man:hover:before,
.sidebar .accordion h3.ui-state-active a:before
{
    background-position:0px -45px !important;
    
}
.sidebar .accordion .accordion-content
{    
    width:100%;      
    height:100%;
    height:calc(100% - 270px);
    position:relative;
    z-index:200;
    overflow:hidden;
}
.sidebar .accordion .accordion-content .inner
{    
    box-shadow:-10px 0px 50px rgba(0,0,0,0.6);
    margin-left:45px;
    height:100%;
}
.sidebar .accordion .accordion-content p {
    color: #73A5BC;
}
.sidebar .accordion .accordion-content select{
    width:260px;
    margin-left:20px;
    margin-top:20px;
    background-color: #091217;
    background-color: transparent;
    background-color: #263B46;
    border-radius: 5px;
    padding: 0 7px;
    padding-bottom: 0px;
    padding-right:0px;
    height:20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #3C6980;
    box-shadow: rgba(9,18,23,0.7) 0px 8px 10px inset;
    color:#ffffff;
}
.sidebar .accordion .accordion-content select option{
    display:block;
    background-color: #263B46; 
    border:none;
}
.sidebar .accordion .accordion-content ul.controls
{
    padding:10px 20px;
}
.sidebar .accordion .accordion-content ul.controls li
{
    float:left;
}
/*--------- BI-APPS ---------*/

.sidebar .search-block
{    
    height:50px;    
}
.sidebar .search-block ul li
{
    float:left;
    margin-left:10px;
    padding-top:14px;    
}
.sidebar .search-block p
{
    padding-top:2px;
}
.sidebar input[type='text'] {
    background-color: #091217;
    background-color: transparent;
    border-radius: 5px;
    padding: 0 7px;
    padding-bottom: 0px;
    height:20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #3C6980;
    box-shadow: rgba(9,18,23,0.7) 0px 8px 10px inset;
    color:#ffffff;
    width:170px;
}


.sidebar .accord-bi-apps .bi-apps-tree,.sidebar .accord-report-catalog .bi-cat-tree
{
     height:calc(100% - 50px);
}

/* --------Current Report Catalog---------*/


